/**index.wxss**/
@import "../../commin/commin.less";

.site_filtering{
    padding-bottom: 120rpx;
    .pop_top{
        margin-bottom: 60rpx;
    }
}

.type {
    .margins(39rpx, 0, 0, 35rpx);

    .type_title {
        .fontsize(34rpx);
        font-family: PingFang SC;
        font-weight: bold;
        color: @text-color2;
    }

    .type_list {
        display: flex;
        flex-wrap: wrap;

        .type_itme {
            .kuangao(220rpx, 64rpx);
            padding: 0 28rpx;
            box-sizing: border-box;
            height: 64rpx;
            .lineheight(64rpx);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            .margins(24rpx, 16rpx, 0, 0);
            text-align: center;
            background: @text-color6;
            .borderradius(32rpx, 32rpx, 32rpx, 32rpx);
            .fontsize(28rpx);
            font-family: PingFang SC;
            font-weight: 500;
            color: @text-color3;
        }

        .type_itme_sel {
            .kuangao(220rpx, 64rpx);
            .lineheight(64rpx);
            padding: 0 18rpx;
            box-sizing: border-box;
            height: 64rpx;
            .margins(24rpx, 16rpx, 0, 0);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-align: center;
            background: rgba(20, 135, 250, 0.06);
            .borderradius(32rpx, 32rpx, 32rpx, 32rpx);
            .fontsize(28rpx);
            font-family: PingFang SC;
            font-weight: bold;
            .borders(1rpx, @blue);
            color: @blue;
        }
    }
}

.type_btn {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    width: @percent;
    background: #fff;
    padding: 16rpx 0;
    align-items: center;
    .btn1 {
        .kuangao(270rpx, 88rpx);
        .lineheight(88rpx);
        .borders(1rpx, @text-color4);
        text-align: center;
        .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
        .fontsize(30rpx);
        font-family: PingFang SC;
        font-weight: bold;
        color: @text-color4;
    }

    .btn2 {
        .kuangao(270rpx, 88rpx);
        .lineheight(88rpx);
        text-align: center;
        margin-left: 50rpx;
        background: var(--btnColor);
        box-shadow: 0px 3px 6px 0px rgba(0, 110, 212, 0.3);
        .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
        .fontsize(30rpx);
        font-family: PingFang SC;
        font-weight: bold;
        color: @white-color;
    }
}


// .content_list {
//     // height: 2800rpx;
//     // overflow-x: hidden;
//     .scroll_view_style{
//         height: 100%;
//     }
// }

